<template>
  <div class="help-page">
    <view class="help-area" v-for="(item, index) in help_lists" :key="index">
      <div class="title">{{item.title}}</div>
        <div class="cell" v-for="(tip, tidx) in item.tips" :key="tidx" @click="showArea(index, tidx)">
          <span>{{tip.name}}</span>
          <van-icon name="arrow" class="right"/>
            <van-transition :show="tip.status" custom-class="block">
            <div class="detail">
              <p v-for="(ditem, didx) in tip.desc" :key="didx">{{ditem}}</p>
             </div>
          </van-transition>
        </div>
    </view>
  </div>
</template>
<script>

export default {
  data () {
    return {
      help_lists: [
        {
          title: '购物问题',
          tips: [{
            name: '多笔订单能否一起发货',
            status: false,
            desc: [
              '1.若您一起下的订单是不同的仓库，则会分多个包裹。',
              '2.若单笔订单商品重量过重，会分多个包裹派送。'
            ]
          },
          {
            name: '购物是否包邮',
            status: false,
            desc: [
              '目前商城的商品基本都包邮（除部分化妆品及活动产品以外）'
            ]
          },
          {
            name: '下单后多久发货',
            status: false,
            desc: [
              '国内商品一般是1-3天左右安排发货，3-5天到货；海外产品需要清关，一般3-5个工作日安排发出，大概7-15个工作日左右您可以收到，活动产品3-5天左右发出。详细进度，您可以在“个人中心”-“全部订单”里面查询。'
            ]
          },
          {
            name: '可否指定快递',
            status: false,
            desc: [
              '因为部分商品是品牌入驻，由品牌方直接发货，一般快递都是四通一达为主，不能指定快递的，具体要看品牌以及仓库和上面哪个快递合作，我们都会要求选择最优的快递为您安排发货，希望理解。'
            ]
          },
          {
            name: '怎么修改地址？',
            status: false,
            desc: [
              '1.订单待发货：添加客服微信或者拨打人工客服电话，提供下您需要修改的订单编号及正确的收货信息，客服会尽快给您修改。',
              '2.订单已发货：已发货状态说明商品已在快递运输途中，因需要联系快递网店更换地址，不保证一定能修改成功，建议关注物流走向，联系家人朋友帮您代签。'
            ]
          }
          ]
        },
        {
          title: '物流问题',
          tips: [{
            name: '物流显示拍照签收，但商品没有收到。',
            status: false,
            desc: [
              '物流显示“拍照签收”有以下这几种情况:',
              '1.快递已到达投递点，由前台，门卫等代签收。',
              '2.可能是配送途中，被中转站签收，不过物流会尽快给您送达。',
              '3.快递员将商品放置在附近的快递柜子。',
              '4.若1-2天还未收到，可直接联系我们客服微信或通过电话咨询快递或快递物流公司咨询。'
            ]
          },
          {
            name: '快递显示未妥投是什么意思',
            status: false,
            desc: [
              '1.快递刚到寄地，商品暂时未投递。',
              '2.快递公司正常是下午16点后收到的快递不进行派送，部分人员做的是“未妥投”。'
            ]
          },
          {
            name: '显示发货，但是没有快递信息',
            status: false,
            desc: [
              '订单物流信息由快递公司提供，当遇到物流压力较大或者系统问题时，物流信息更新会有所延迟请您谅解'
            ]
          },
          {
            name: '我没有拒签，物流怎么退回',
            status: false,
            desc: [
              '物流退回主要是因为拒签或者快递异常，长时间未派送成功所致，显示退回，无法正常派送，建议您这边申请退款，退回商品收到后，会给您处理退款，如商品仍然需要，建议您重新拍。'
            ]
          },
          {
            name: '显示签收，实际没收到',
            status: false,
            desc: [
              '您的包裹可能是快递那边给您放在门卫/前台/您的朋友帮您代签，建议您先去看一下，如看过没有或过来今天还没有收到可添加微信客服联系或拨打客服热线，会帮您联系快递公司合适并处理。'
            ]
          },
          {
            name: '物流信息停滞',
            status: false,
            desc: [
              '国内发货订单：国内物流网店之间的中转一般是1-3天。如超过以上时效，可添加客服微信或者拨打热线电话，提交订单号及您的需求。'
            ]
          }
          ]
        },
        {
          title: '售后问题',
          tips: [{
            name: '售后时间',
            status: false,
            desc: [
              '售后时间为收到货后七天。有任何问题请于七天内反映，逾期是不予处理的。'
            ]
          },
          {
            name: '签收注意事项',
            status: false,
            desc: [
              '签收的时候请您务必首先注意以下两点：',
              '1.收到货品时，可打开商品包装检查商品是否完好无损，如果商品存在质量问题请整单拒收，不支持部分拒收。',
              '2.为保障您的权益，请与配送员当面核对快递面单上的产品种类、数量、规格、赠品等是否与快递面单一致，准确无误再进行签收'
            ]
          },
          {
            name: '检查商品是否完好',
            status: false,
            desc: [
              '开瓶前请先确定好颜色和度数，一旦开封后发现货物错误，一概不予处理！！检查镜片破裂现象。如果有，请勿开瓶，尽快联系我们换货，开瓶后发现破裂不予负责'
            ]
          },
          {
            name: '舒适度问题售后',
            status: false,
            desc: [
              '1.开封以后不要马上佩戴小瓶子里装的都是防腐的生理盐水，直接戴会很刺激眼睛，非常疼的，直接佩戴很容易引起干涩、磨眼、流泪等情况。开瓶后请用护理液（推荐爱尔康傲滴，不要用海昌）浸泡10小时，并且揉搓正反面十几秒后再戴。这样镜片才能完全舒展开，佩戴才会更舒适。每次摘下眼镜后一定要用护理液清洗干净再放进伴侣盒，用指腹轻轻揉搓镜片的正反面。',
              '2.请确定镜片有没有戴反，虽然常戴隐形的人都很擅长于分辨正反，但是有些镜片正反真的差不多，很有可能区分错误，有很多顾客戴着不舒适都是因为戴反了。如果佩戴不舒适请您反一面再试试。',
              '3.在正确护理的前提下，7天内，如果确认后镜片有问题,有一只镜片无论怎么清洗、揉搓，戴着都感觉磨眼，请将镜片剪破拍照给我补来回邮费给您换一片新的。如果是两只镜片都佩戴不适（例如基弧问题造成的滑片），这一般是个人体质不适合该镜片（当然，这种情况很少）。因为美瞳出厂前经过多方面的测试，问题片的几率会降到最低，不可能碰到两片都有问题。厂家拿到更换的镜片，会用专业仪器进行检测是否属于镜片质量问题，以防止有些亲们因为自己本身的不喜欢或其他原因提出更换。更换的是同款同颜色同度数彩片，不能换别的款式颜色和度数！跟化妆品一样 再好的都有人不适合,自身不适合和个人不喜欢都不在售后范围内，毕竟私人物品无法试用.希望彼此诚信交易。',
              '4.真人佩带效果图只供参考 真实佩带效果采集，选取最能反映产品特性的照片作展示。但照片会由于拍摄光线不同，环境色影响，佩带者眼珠颜色的差异，显示器色差等因素影响，呈现出不同的颜色和效果，请买家做综合参考，最终效果仍需以实物为准。请不要以个人理由作出退换要求，因隐形眼镜是一次性使用产品，开瓶后无法做二次销售。所以开瓶之后如果有舒适度方面的问题只能更换一片，我们将根据具体情况，妥善解决您的售后问题。'
            ]
          },
          {
            name: '售后方式',
            status: false,
            desc: [
              '一副镜片只售后一只，不能更改花色和度数。'
            ]
          },
          {
            name: '以下情况我们拒绝退换货',
            status: false,
            desc: [
              '1.镜片不喜欢，觉得不适合自己。（请理解，因为隐形眼镜是私人物品，佩戴后不能再卖给别人了。所以选款前请谨慎。）',
              '2.已经正常使用一段时间突然发现镜片破损。（这不是镜片质量问题，是护理不当造成的，请看美瞳折扣站的知识页面）',
              '3.包装丢失',
              '4.超过售后期限',
              '5.无法提供寄回的快递单号'
            ]
          },
          {
            name: '隐形眼镜镜片质量问题说明',
            status: false,
            desc: [
              '的隐形眼镜损坏是由于在取下隐形眼镜放入双联盒时没注意镜片黏连在盒子边缘而随手拧上盖子导致镜片破损，或者由于配戴者在取戴时手指甲不小心损坏镜片。'
            ]
          },
          {
            name: '您配戴时需要注意的',
            status: false,
            desc: [
              '1.每次取下镜片放入双联盒时要注意镜片是否已完全放入护理液中浸泡，并且护理液水位不能超过2/3，拧紧后水平放置。',
              '2.在取戴隐形眼镜时，手指甲不能接触镜片更不能用手指甲取放镜片，应该按配戴要求修剪手指甲; 隐形眼镜镜片本身极其娇嫩，很容易人为损坏。'
            ]
          }
          ]
        }
      ]
    }
  },
  methods: {
    showArea (index, tidx) {
      this.help_lists[index].tips[tidx].status = !this.help_lists[index].tips[tidx].status
    }
  }
}
</script>


<style lang="less" scoped>
.help-page {
  width: 100%;
  overflow: hidden;
  height: 100%;
  padding-bottom: 60rpx;
  .help-area {
    box-sizing: border-box;
    width: 100%;
    .title {
      padding: 30rpx 20rpx;
      font-size: 28rpx;
      color: #666;
      background: #f8f8f8;
    }
    .cell {
      width: 100%;
      background: #fff;
      text-align: left;
      padding: 20rpx;
      color: #333;
      border-bottom: 1rpx solid #f2f2f2;
      span {
        font-size: 8px;
      }
      .right {
        position: absolute;
        right: 18rpx;
      }
      .detail {
        width: 95%;
        font-size: 12px;
        color: #666;
        text-align: justify;
        text-justify: kashida;
        padding: 10rpx;
        p {
          margin-bottom: 10rpx;
        }
      }
    }
  }
}
</style>